//引入当前页面的 less文件 
require('../less/register.less')
// 引入验证码
const CaptchaMini = require("../lib/captcha/captcha-mini") 

// 原生实现 JQuery 的 $(function() {}) = = document.ready = function (){}
// 点击跳过,跳转到登录页
window.addEventListener('load',function(){
   
    //验证码
    let code = "";
    // 验证码相关样式
    let captcha1 = new CaptchaMini({
        lineNum: 3,       //线条数量
        dotNum: 3,       //点的数量
        length: 3
    });
    // 验证码显示
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log('验证码:', r);
        code = r;
    });


    // 获取dom
    let user = document.querySelector("#user");  // 手机号码 
    let verify = document.querySelector("#verify");  // 验证码 
    let password = document.querySelector("#password"); // 密码 
    let pass = document.querySelector("#pass"); // 确认密码 
    let submitBtn = document.querySelector("#submitBtn"); // 手机号码 

    /* 提交按钮的事件  */
    submitBtn.addEventListener("click", function () {

        //获取输入框的内容/值
        let userVal = user.value;          // 手机号码 
        let verifyVal = verify.value;      // 验证码
        let passwordVal = password.value;  // 密码 
        let repassVal = pass.value;        // 确认密码
        //验证 
        if (!window.$utils.isPhone(userVal)) {
            window.$utils.showToast("fitnesskuaile", "请输入你的手机号码")

        } else if (verifyVal !== code.toLowerCase()) {
            // 验证码 - 转为小写
            window.$utils.showToast("fitnesskuaile", "请输入验证码")

        } else if (!window.$utils.passTest(passwordVal)) { 
            // 密码格式不对   
            window.$utils.showToast("fitnesskuaile", "请输入以字母开头的6-12的字母数字和下划线的密码")

        } else if (passwordVal !== repassVal) {
            // 确认密码与密码的值不一致
            window.$utils.showToast("fitnesskuaile", "两次密码不一致")

        } else {
            // axios.post(window.$utils.BASE_URL + "/users/add", {
            axios.post("http://139.9.177.51:8099/users/add", {

                // 传参数
                "account": userVal,  // 用户名
                "password": passwordVal  //密码
            })
                .then(function (res) {
                    let rst = res.data;
                    console.log(rst);
                    console.log(rst.status);
                    if (rst.status === 0) {
                        //注册成功
                        window.$utils.showToast("fitnessziyuan", "注册成功")
                        // 指针函数
                        window.setTimeout(() => {
                            // 3秒后页面跳转
                            window.location.href = "./login.html";
                        }, 3000)

                    } else if (rst.status === 1) {
                        //注册失败
                        window.$utils.showToast("fitnesskuaile", "注册失败")
                    }
                })
                .catch(function (error) {
                    console.log(error);
                })
        }


    })
    
    
    










    // 点击跳转
    iclouds.addEventListener('click', function(){
        window.location.href = 'login.html'
    })
})
